import styled from 'styled-components'

export const AllBox = styled.div`
background:#e1e5ea;
  .top{
    background:#c3cbd6;
    height:3.65rem;
    padding-top:.15rem;
    .SearchBox{
      width: 90vw;
      height: .46rem;
      display: flex;
      border: 1px solid #e1e5ea;
      margin: 0 auto;
      border-radius: .2rem;
      box-shadow: 1px 1px 5px #ccc;
      justify-content: center;
      align-items: center;
      margin-bottom:.15rem;
      img{
        width: .2rem;
        height: .2rem;
      }
      span{
        color:#f8f9f9;
        margin-left: .1rem;
      }
    }
  }
`

export const ListBox = styled.div`
.Box{
  height:.95rem;
  background:#fff;
  margin-top:.1rem;
  width: 92vw;
  margin: .1rem auto;
#u31_div {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:27px;
      height:18px;
      background:inherit;
      background-color:rgba(255, 255, 255, 0);
      border:none;
      border-radius:0px;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
    }
    #u31 {
      border-width:0px;
      position:absolute;
      left:42px;
      top:241px;
      width:27px;
      height:18px;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
      margin-top:.6rem;
      background:#fff;
    }
    #u31_text {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:27px;
      white-space:nowrap;
    }
    #u32_div {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:40px;
      height:18px;
      background:inherit;
      background-color:rgba(255, 255, 255, 0);
      border:none;
      border-radius:0px;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
    }
    #u32 {
      border-width:0px;
      position:absolute;
      left:121px;
      top:241px;
      width:40px;
      height:18px;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
      margin-top:.6rem;
    }
    #u32_text {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:40px;
      white-space:nowrap;
    }
    #u33_div {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:53px;
      height:18px;
      background:inherit;
      background-color:rgba(255, 255, 255, 0);
      border:none;
      border-radius:0px;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
    }
    #u33 {
      border-width:0px;
      position:absolute;
      left:194px;
      top:241px;
      width:53px;
      height:18px;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
      margin-top:.6rem;
    }
    #u33_text {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:53px;
      white-space:nowrap;
    }
    #u34_div {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:53px;
      height:18px;
      background:inherit;
      background-color:rgba(255, 255, 255, 0);
      border:none;
      border-radius:0px;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
    }
    #u34 {
      border-width:0px;
      position:absolute;
      left:282px;
      top:241px;
      width:53px;
      height:18px;
      font-family:'微软雅黑';
      font-weight:400;
      font-style:normal;
      text-align:center;
      line-height:18px;
      margin-top:.6rem;    }
    #u34_text {
      border-width:0px;
      position:absolute;
      left:0px;
      top:0px;
      width:53px;
      white-space:nowrap;
    }
  }
`

export const RecommendBox = styled.div`
.Box{
  
  height:1.9rem;
  background:#fff;
  margin-top:.1rem;
  margin: .15rem auto;
  #u38_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:57px;
  height:20px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  line-height:20px;
}
#u38 {
  border-width:0px;
  position:absolute;
  left:10px;
  top:301px;
  width:57px;
  height:20px;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  line-height:20px;
  margin-top:1rem;
}
#u38_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:57px;
  white-space:nowrap;
}
#u39 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
  margin-top:1rem;
}
#u40_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:375px;
  height:70px;
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border-width:5px;
  border-style:solid;
  border-color:rgba(227, 232, 238, 1);
  border-left:0px;
  border-top:0px;
  border-right:0px;
  border-radius:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
  font-weight:700;
  font-style:normal;
  color:#999999;
  line-height:28px;
}
#u40 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:405px;
  width:375px;
  height:70px;
  font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';
  font-weight:700;
  font-style:normal;
  color:#999999;
  line-height:28px;
  margin-top:1rem;
}
#u40_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  visibility:hidden;
  word-wrap:break-word;
}
#u41 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
  margin-top:1rem;
}
#u42_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:110px;
  height:110px;
  background:inherit;
  background-color:rgba(228, 228, 228, 1);
  border:none;
  border-radius:10px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'FontAwesome Regular', 'FontAwesome';
  font-weight:400;
  font-style:normal;
  font-size:28px;
  color:#FFFFFF;
  line-height:20px;
}
#u42 {
  border-width:0px;
  position:absolute;
  left:10px;
  top:337px;
  width:110px;
  height:110px;
  font-family:'FontAwesome Regular', 'FontAwesome';
  font-weight:400;
  font-style:normal;
  font-size:28px;
  color:#FFFFFF;
  line-height:20px;
}
#u42_div{
    background:url('https://img1.baidu.com/it/u=1226436713,3573815004&fm=224&fmt=auto&gp=0.jpg');
    background-size:1.5rem;
}
#u42_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:45px;
  width:110px;
  word-wrap:break-word;
  img{
   
  }
}
#u43_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:204px;
  height:48px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#666666;
  line-height:24px;
}
#u43 {
  border-width:0px;
  position:absolute;
  left:148px;
  top:337px;
  width:204px;
  height:48px;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:14px;
  color:#666666;
  line-height:24px;
  
}
#u43_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:204px;
  word-wrap:break-word;
}
#u44_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:67px;
  height:20px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:12px;
  color:#666666;
  text-align:center;
  line-height:20px;
}
#u44 {
  border-width:0px;
  position:absolute;
  left:148px;
  top:425px;
  width:67px;
  height:20px;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:12px;
  color:#666666;
  text-align:center;
  line-height:20px;
}
#u44_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:67px;
  white-space:nowrap;
}
#u45_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:37px;
  height:20px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:12px;
  color:#666666;
  text-align:center;
  line-height:20px;
}
#u45 {
  border-width:0px;
  position:absolute;
  left:149px;
  top:390px;
  width:37px;
  height:20px;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  font-size:12px;
  color:#666666;
  text-align:center;
  line-height:20px;
}
#u45_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:37px;
  white-space:nowrap;
}
#u46_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:84px;
  height:20px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  text-align:center;
  line-height:20px;
}
#u46 {
  border-width:0px;
  position:absolute;
  left:251px;
  top:423px;
  width:84px;
  height:20px;
  font-family:'微软雅黑';
  font-weight:400;
  font-style:normal;
  text-align:center;
  line-height:20px;
}
#u46_text {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:84px;
  white-space:nowrap;
  .money{
    color:#F04844;
    margin-right:.05rem
  }
}
}
`
